<script lang="ts" setup>
	import { theme } from '@/store/module/theme'
	import { ref } from 'vue'

	const comment = ref('')
</script>

<template>
	<view :class="theme()" class="w-full min-h-[100vh] flex justify-center"
		:style="{background:'var(--Gradient-color)'}">
		<nut-transition :show="true" name="fade-up" :duration="1500">
			<view class="w-[80%] m-[40rpx_auto] p-[20rpx] text-[14px] text-[teal] rounded-[20rpx] bg-[#fff]">
				寒寒一直在努力改进应用程序，您的体验对我们很重要！
			</view>
			<view class="w-[80%] m-[40rpx_auto] p-[20rpx] text-[14px] text-[teal] rounded-[20rpx] bg-[#fff]">
				<view class="title text-[14px] font-bold">
					评论
				</view>
				<view class="text-[14px]">
					<u--textarea v-model="comment" placeholder="请输入内容" count></u--textarea>
				</view>

			</view>
			<up-button text="提交" class="m-[40rpx_auto] w-[50%]" color="#008080"></up-button>
		</nut-transition>
	</view>
</template>